<template>
  <div class="homeWrapper">
    <CloudStars />
    <Header />
    <SocailMenu />
    <Nuxt style="margin-top: 155px" />
    <Footer />
  </div>
</template>

<script lang="ts">
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import SocailMenu from '@/components/SocailMenu.vue'
import { Component } from 'nuxt-property-decorator'
import { BaseVue } from '@/plugins/base-vue'
import CloudStars from '~/components/Stars.vue'
@Component({
  components: {
    Footer,
    Header,
    SocailMenu,
    CloudStars,
  },
})
export default class Space extends BaseVue {}
</script>

<style lang="scss" scoped>
.homeWrapper {
  height: 100%;
  overflow-y: auto;
  background-color: #171821;

  ::v-deep .el-icon-caret-top {
    color: #171821;
  }
}
</style>